<div class="bjui-pageHeader" style="background-color: #fefefe; border-bottom: none;">
    <form action="/admin/administration/conference-room-record-list" data-toggle="ajaxsearch" id="findglobalform" data-options="{
    validate:false,
    searchDatagrid:$.CurrentNavtab.find('#conference-room-record-list'),

    }">
        <fieldset>
            <legend style="font-weight:normal;">搜索：</legend>
            <div style="margin:0; padding:1px 5px 5px;">
                <span>预约人姓名:</span>
                <input name="reservations" size="10">&nbsp;
                <span>预约人电话:</span>
                <input name="reservations_phone" size="10">&nbsp;
                <span>预约人备注:</span>
                <input name="remarks" size="10">&nbsp;

                <div class="btn-group">
                    <button type="submit" class="btn-green" data-icon="search">查询！</button>

                </div>
            </div>
        </fieldset>
    </form>
</div>
<div class="bjui-pageContent">
    <table class="table table-bordered" id="conference-room-record-list" data-toggle="datagrid" data-options="{
    height: '100%',

    showToolbar: false,
    fullGrid:true,
    filterThead:false,
    fieldSortable:false,
    columnMenu:false,
    local: 'remote',
    dataUrl:'/admin/administration/conference-room-record-list',
    editUrl:'/admin/administration/conference-room-record-list',
    postData: {id:{{ $id }}},
    linenumberAll: true
}">
        <thead>
        <th data-options="{name:'reservations',align:'center',width:70}">预约人姓名</th>
        <th data-options="{name:'reservations_phone',align:'center',width:120,render: function(value) {
                    return value ? value.substr(0, 18) : value
                }}">预约人电话
        </th>
        <th data-options="{name:'remarks',align:'center',width:120,render: function(value) {
                    return value ? value.substr(0, 18) : value
                }}">预约人备注
        </th>


        <th data-options="{align:'center',render:operationColumn}">操作</th>
        </thead>
    </table>
</div>
<script>
    function operationColumn(value, data) {
        var html = '<button type="button" class="btn btn-green" data-toggle="dialog" data-options="{id:\'conference-room-record-edit\', url:\'/admin/administration/conference-room-record-edit\', mask:true, width:700, height:400, title:\'查看会议室预约记录详情\', data:{id:' + data.id + '}}"><i class="fa fa-edit"></i>查看记录</button>';

//        html += '<button type="button" class="btn btn-red bjui-datagrid-btn delete"  data-toggle="del.datagrid.tr" ><i class="fa fa-remove"></i>删除</button>';
        return html;
    }



</script>